﻿* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body, .wrap-page {
  height: 100%;
}
.wrap-page {
  -webkit-overflow-scrolling: touch;

}
a{
  color:#333
}



/*物业*/
.header{
  height:44px;
  background-color: #0c6cd3;
  text-align: center;
  line-height:44px;
  position:relative;
  z-index:990;
  color:#fff;
}
.header{
  font-size: 22px;
  color: #fff;
}
.back_ico{
  background:url(../images/back_ico.png) 0 0 no-repeat;
  background-size:26px 26px;
  display:inline-block; 
  width:26px; 
  height:26px;
  position:absolute;
  left:10px;
  top:10px;
}

.page-title {
  font-weight:bold;
  font-size: 22px;
  color: #fff;
}

.wy_body{
  background:url(../images/wy_bg.jpg) top center no-repeat;
  min-height: 100%;
  max-width: 640px;
  margin: 0 auto;
  background-size: 100% 100%;
  position:relative
}
.weather{text-align:right; padding:25px}
.wy{margin: 10px;
overflow: hidden;
padding: 5px;
width: 220px;
margin: auto;
margin-left: 20px;
padding: 20px 0 50px 0;}
.wy li {
padding:2px;
display: inline-block;
width: 50%;
float: left;
text-align: center;
-webkit-box-sizing: border-box;
}
.wy a {
color: #b8bdc4;
display: block;
background:url(../images/black_wy.png) 0 0 repeat;
line-height: 35px;
overflow: hidden;
font-size:18px;
padding:10px 0
}
.tel{position:fixed;bottom:20px; right:20px;}
.footer{color:#ddd7d2}

.list-block {
	margin:10px;
	font-size: 15px;
}

.list-block ul {
	background: white;
	opacity:0.9;
	list-style: none;
	padding:10px;
	margin-top:10px;
	border: 1px solid #C8C7CC;
	position: relative;
	border-radius:10px;
}
.list-block li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.list-block .item-content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	min-height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.list-block .item-inner {
	padding-right: 15px;
	border-bottom: 1px solid #C8C7CC;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 7px;
	min-height: 44px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.list-block .item-title {
	font-size: 17px;
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex-shrink: 1;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.list-block .item-title.label {
	width: 35%;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
}

.list-block .item-input {
	width: 100%;
	margin-top: -8px;
	margin-bottom: -7px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex-shrink: 1;
}
.list-block input[type="text"], .list-block input[type="password"], .list-block input[type="email"], .list-block input[type="tel"], .list-block input[type="url"], .list-block input[type="date"], .list-block select, .list-block textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	background: 0 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block;
	padding: 0 0 0 5px;
	margin: 0;
	width: 100%;
	height: 43px;
	color: black;
	font-size: 17px;
	font-family: inherit;
}

.topcoat-button--large{
  padding: 4px 20px;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0;
  color: #c6c8c8;
  color: #fff;
  text-shadow: 0 1px none;
  vertical-align: top;
  background-color: transparent;
  background-color: #e51400;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e51400;
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear, color 0.2s linear;
  -moz-transition: background-color 0.2s linear, color 0.2s linear;
  -o-transition: background-color 0.2s linear, color 0.2s linear;
  transition: background-color 0.2s linear, color 0.2s linear;
  font-weight: 500;
  line-height: 36px;
  padding: 4px 20px;
  display: block;
  width: 100%;
 
}
.topcoat-button--large--cta:hover {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}


.wy_form{
   background: white;
	opacity:0.9;
	list-style: none;
	padding:10px;
	margin-top:10px;
	border: 1px solid #C8C7CC;
	position: relative;
	border-radius:10px;
    margin:10px;
	font-size:16px;
	line-height:32px;
}
.tit{
   border-bottom: 1px solid #C8C7CC;
   padding-bottom:10px;
   font-size:20px;
   margin-bottom:10px;
}
.tit b{
   background:url(../images/wy_ico1.png) left center no-repeat;
   background-size:18px 26px;
   padding-left:25px;
}
.tit a{
  color:#0c6cd3
}
.tit2{
  border-bottom:none;
  margin-bottom:0px;
  padding:0px;
}

.icb{
	width: 20px;
	height: 20px;
	background-size: 20px;
	border-radius: 2px;
	background-image: url(../images/input.png);
	background-repeat: no-repeat;
	outline: none;
   -webkit-appearance: none;
	
}
.icb:checked {
    background-image: url(../images/checked.png);
}
.tit .pay{
   background:url(../images/wy_ico2.png) left center no-repeat;
   background-size:18px 26px;
}

.totalprice {
	border-top: 1px solid #e3e3e3;
	background: #fdfbfb;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 40px;
	font-size: 12px;
	overflow: hidden;
	left:0px;
}
.totalprice p {
	width: 55%;
	height: 41px;
	margin-left: 10px;
	display: -webkit-box;
	-webkit-box-align: center;
	font-size:14px;
}
.totalprice p .price {
	white-space: nowrap;
	font-size: 18px;
	font-weight:bold;
	font-style:normal
}
.totalprice .h {
    color: #d40000;
}
.totalprice .c-btn-sub {
		position: absolute;
		right: 0;
		top: -1px;
		width: 40%;
		height: 100%;
		border: 0;
		font-size: 16px;
		border-radius: 1px;
		-webkit-border-radius: 1px;
		background-color: #e51400;
		line-height: 32px;
        color: #fff;
}

.wy_form{
 
}
.wy_form ul{
 
}
.wy_form ul li{
   border-bottom: 1px solid #C8C7CC;
   padding:5px 0
}
.wy_form ul li span{color:#999}
.wy_select{background:url(../images/down.png) right center no-repeat !important}
.wy_ipt{}

.notice_list{font-size:15px}
.notice_list ul{}
.notice_list ul li{background: #fff;border: 1px solid #cbcaca;margin: 10px;padding: 10px;font-size: 14px;color: #333;line-height: 24px;line-height: 24px; border-radius:5px;}
.notice_list span{color:#999 }

.art-list{width:95%; max-width:640px; margin:10px auto 20px auto;}
.art-box,.focus,.focus-tit{margin-bottom:20px; padding-bottom:10px; background:#fff;/*-webkit-box-shadow:0 1px 1px #ddd;box-shadow:0 1px 1px #ddd;*/ border:#ddd 1px solid}
.art-box .bd, .art-box .bd2{ position:relative;}
.art-box .news_box{left:0; top:0; width:100%;}
.art-box .news_box>img,.focus .img>img{ display:block; width:100%; margin:0 auto;}
.art-box .bd .news_box>h2{display:block; width:90%; margin:5px auto 5px auto; line-height:24px; font-weight:bold;}
.art-box .box>h2{font-size:18px !important}
.art-box .box>h2>span,.art-box .news_box:visited>h2>span{color:#000; margin-right:10px;  }
.art-box .news_box>h2>em,.art-box .news_box:visited>h2>em{ color:#999; font-size:12px; line-height:16px; display:inline-block; font-style:normal; font-weight:normal;}
.art-box .news_box>p,.art-box .news_box:visited>p{width:90%; margin:0 auto; line-height:22px; font-size:14px}
.art-box .btn{ position:absolute; left:0; top:5px; height:24px; background:#1193e9; color:#fff; text-align:center; padding:0 7px; font:normal 14px/24px Microsoft Yahei,STHeiti,"����";}

.art-box .ft { color:#999; font-size:12px; line-height:16px; padding-left:30px; padding-top:15px;}
.art-box h2 {font-size:18px !important}
.art-box h3 {font-size:18px !important}

.article{color:#000;background:#fff; margin:0 auto; padding-top:10px; padding-bottom:55px;}
.article .head{-webkit-box-shadow:0 1px 0 0 #ccc;box-shadow:0 1px 0 0 #ccc; padding-bottom:10px;}
.article h1{font-size:18pt;margin-bottom:0px; width:92%; margin:3px auto;font-weight:bold}
.article .text1{font-size:12pt;padding:3% 0;line-height:1.4em; width:92%; margin:0 auto}
.article .text1 p{margin:12px 0; line-height:28px;}
.article .text1 embed{ display:none;}
.article .text1 img{ max-width:100%; height:auto!important;}
.btn-page{margin:6px auto 30px; height:34px;width:92%;border:1px solid #B9B9B9;text-align:center;line-height:34px;font-size:16px;background:-webkit-gradient(linear,0 0,0 100%,from(#F5F5F5),to(#E3E3E3));background:-moz-linear-gradient(top,#F5F5F5,#E3E3E3);-webkit-border-radius:3px;border-radius:3px;}






